<div class="wrapper">

    <!-- 头部 -->
    <header>
        <div class="header-content">
            <div class="header-content-left">
                <h1>沈阳云医院</h1>
                <i class="fa fa-angle-down"></i>
            </div>
            <i class="fa fa-envelope-o"></i>
        </div>
        <div class="header-bottom"></div>
    </header>

    <div class="top-ban"></div>
    <!-- 导航部分 -->
    <nav>
        <div class="logo-img">
            <img src="img/logo.png">
        </div>
        <ul>
            <li>
                <img src="img/menu01.png">
                <div class="nav-item-text">
                    <h3>免费咨询</h3>
                    <p>新型冠状病毒肺炎</p>
                </div>
            </li>
            <li>
                <img src="img/menu02.png">
                <div class="nav-item-text">
                    <h3>网络问诊</h3>
                    <p>图文视频网络咨询</p>
                </div>
            </li>
            <li>
                <img src="img/menu03.png">
                <div class="nav-item-text">
                    <h3><span class="menu03-h3-span">e</span>心门诊</h3>
                    <p>复旦医科大学专家</p>
                </div>
            </li>
            <li>
                <img src="img/menu04.png">
                <div class="nav-item-text">
                    <h3>慢病管理</h3>
                    <p>血压血糖健康管理</p>
                </div>
            </li>
            <li>
                <img src="img/menu05.png">
                <div class="nav-item-text">
                    <h3>上门护理</h3>
                    <p>网上购买上门服务</p>
                </div>
            </li>
            <li onclick="location.href='appointment.html'">
                <img src="img/menu06.png">
                <div class="nav-item-text">
                    <h3>团检预约</h3>
                    <p>团体体检套餐定制</p>
                </div>
            </li>
        </ul>
    </nav>

    <!-- 我的健康报告 -->
    <div class="report">
        <div class="item-title">
            <p>我的健康报告</p>
        </div>
        <div class="report-content">
            <p>随时随地查看体检报告</p>
            <div onclick="location.href='reportlist.html'">立即查看</div>
        </div>
    </div>

    <!-- 推荐医生 -->
    <div class="doctor">
        <div class="item-title">
            <p>推荐医生</p>
        </div>
        <ul>
            <li>
                <img src="img/doctor1.jpg">
                <h3>刘长胜</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor2.jpg">
                <h3>孙鹿</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor3.jpg">
                <h3>吕文达</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor4.jpg">
                <h3>李若辰</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor5.jpg">
                <h3>张石凡</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor6.jpg">
                <h3>赵桂凤</h3>
                <p>副主任医师</p>
            </li>
            <li>
                <img src="img/doctor7.jpg">
                <h3>李文</h3>
                <p>主任医师</p>
            </li>
            <li>
                <img src="img/doctor8.jpg">
                <h3>吴晓梦</h3>
                <p>主任医师</p>
            </li>
        </ul>
    </div>

    <!-- 健康评估 -->
    <div class="assess">
        <div class="item-title">
            <p>健康评估</p>
            <span>更多</span>
        </div>
        <div class="assess-content">
            <div class="scroll-box" id="scrollBox">
                <ul id="scrollBar">
                    <li><img src="img/assess1.png"></li>
                    <li><img src="img/assess2.png"></li>
                    <li><img src="img/assess3.png"></li>
                    <li><img src="img/assess4.png"></li>
                    <li><img src="img/assess5.png"></li>
                    <li><img src="img/assess6.png"></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 健康咨询 -->
    <div class="info">
        <div class="item-title">
            <p>健康咨询</p>
        </div>
        <ul>
            <li>
                <img src="img/info1.png">
                <div>
                    <h3>查出肺结核，我是不是要得肺癌了？</h3>
                    <span>肺结核一定会导致肺癌吗？</span>
                    <p><i class="fa fa-commenting-o"></i>3699</p>
                </div>
            </li>
            <div class="middle-ban"></div>
            <li>
                <img src="img/info2.png">
                <div>
                    <h3>体检发现甲状腺结节，怎么办？</h3>
                    <span>日常需注意什么？</span>
                    <p><i class="fa fa-commenting-o"></i>4256</p>
                </div>
            </li>
        </ul>
    </div>

    <div class="bottom-ban"></div>